// 引入变量和全局样式
@use "var.scss" as *;
@use "global.scss" as *;
.search {
    width: 90%; // 使用相对单位rem
    margin: 0 5%;
    margin-top: 3.125rem; // 使用相对单位rem
    background-color: $color-white;
    border-radius: 0.75rem; // 使用相对单位rem
    position: relative;
    min-height: 50vh;
    margin-bottom: 2rem;
}

.searchList-nav {
    @include layout(space-around);
    margin-top: 1.25rem; // 使用相对单位rem
    font-size: 1.5rem; // 使用相对单位rem
    color: $color-black;
    span {
        line-height: 3.125rem; // 使用相对单位rem
        cursor: pointer;
    }
}

.isActive {
    font-weight: 600;
    border-bottom: 0.3125rem solid $color-black; // 使用相对单位rem
}

.night-mode .search {
    background-color: #21252b;
    color: #ffffff;
}
